<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>bilibil侧边栏特效</title>
    <link rel="stylesheet" href="style.css"/>
</head>
<body>
<header>头部</header>
<main>
    <div class="content">影视区</div>
    <div class="content">番剧区</div>
    <div class="content">音乐区</div>
    <div class="content">鬼畜区</div>
    <div class="content">科技区</div>
    <div class="content">动漫区</div>
    <div class="content">游戏区</div>
    <div class="content">广告区</div>
    <div class="content">舞蹈区</div>
    <div class="content">时尚区</div>
    <div class="content">T V区</div>
    <div class="content">直播区</div>
    <div id="slide">
        <ul>
            <li class="control on">影视</li>
            <li class="control">番剧</li>
            <li class="control">音乐</li>
            <li class="control">鬼畜</li>
            <li class="control">科技</li>
            <li class="control">动漫</li>
            <li class="control">游戏</li>
            <li class="control">广告</li>
            <li class="control">舞蹈</li>
            <li class="control">时尚</li>
            <li class="control">T V</li>
            <li class="control">直播</li>
            
        </ul>
    </div>
</main>

<footer>底部</footer>

<script src="main.js"></script>
</body>
</html>